<script setup lang="ts">
import { useRouter } from 'vue-router'
import { ref } from 'vue'


const goBack = () => {
  console.log('点击返回')
  // 也可以用 router.back()
}

const onMore = () => {
  alert('点击了更多')
}


const router = useRouter()
function  back(){
  router.back()
}
const onClickLeft = () => history.back();
// import { createApp } from 'vue';
// import { Grid, GridItem } from 'vant';
const items = ref(
    Array.from({ length: 30 }, (_, i) => ({
      src: `https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg`, // 重复3张图片
      label: `项目${i + 1}`
    }))
)
</script>

<template>
  <van-nav-bar
      title="标题"
      left-text=""
      left-arrow
      @click-left="onClickLeft"
  />
  <div class="certificateImgListPage_body">

    <van-grid :border="false" :column-num="3">
      <van-grid-item v-for="(item, index) in items" :key="index">
        <van-image :src="item.src" width="100%" height="100%" />
        <div style="text-align:center; margin-top: 5px;">{{ item.label }}</div>
      </van-grid-item>

    </van-grid>
  </div>


</template>

<style scoped lang="less">
.certificateImgListPage_body{
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
}
</style>